
<template>
   <div class="mod-module mod-parallel">
     <LiquidFill />
     <p>{{ a.b }}</p>
     <!-- <component :is="SeamlessBubbleChart"></component> -->
     <div class="img-list type-full">
       <div class="img-box">
         <p class="img-item">
           <a class="page-link" href="#/btn">按钮</a>
         </p>
       </div>
       <div class="img-box">
         <p class="img-item">
           <a class="page-link" href="#/list">列表</a>
         </p>
       </div>
       <div class="img-box">
         <p class="img-item">
           <a class="page-link" href="#/nav">导航</a>
         </p>
       </div>
     </div>
   </div>
</template>

<script>
import HelloWorld from '../components/HelloWorld.vue'
import BubbleChart from '../components/svg/BubbleChart'
import SeamlessBubbleChart from '../components/svg/SeamlessBubbleChart'
import LineChart from '../components/charts/Line'
import LiquidFill from '../components/charts/LiquidFill'
// import UxCharts from 'ux-charts'

export default {
  name: 'index',
  components:{
    HelloWorld,
    BubbleChart,
    SeamlessBubbleChart,
    LineChart,
    LiquidFill
  },
  data () {
    return {
      helloWorld:  'HelloWorld',
      BubbleChart:  'BubbleChart',
      SeamlessBubbleChart:  'SeamlessBubbleChart',
      a: {}
    };
  },
  created () {
    this.a.b = 1;
  },
  mounted () {
    this.a.b = 2;
    // var ux = UxCharts;
    // ux.sayHi()
    // console.log(UxCharts)
  }
}
</script>

<style scoped>
  @import './css/index.css';
</style>
